<template>
  <div>
    <div>
  <van-nav-bar
  title="成就"
  left-text=""
  left-arrow
  @click-left="onClickLeft"
/>
    </div>
    <div class="jiu" v-for="(item,i) in dataimg" :key="i">
      <img :src="item" alt="">
    </div>
  
  </div>
</template>

<script>
export default {
  name:'Allachievement',
  data() {
    return {
      dataimg:[
        'https://img.yzcdn.cn/vant/cat.jpeg',
        'https://img.yzcdn.cn/vant/cat.jpeg',
        'https://img.yzcdn.cn/vant/cat.jpeg',
        'https://img.yzcdn.cn/vant/cat.jpeg',
        'https://img.yzcdn.cn/vant/cat.jpeg',
        'https://img.yzcdn.cn/vant/cat.jpeg',
        'https://img.yzcdn.cn/vant/cat.jpeg',
        'https://img.yzcdn.cn/vant/cat.jpeg',
        'https://img.yzcdn.cn/vant/cat.jpeg'
      ]
    }
  },
   methods: {
    onClickLeft() {
      this.$router.go(-1);
    },
  }
}
</script>

<style scoped>
  .jiu{
width: 100px;
height: 100px;
line-height: 20px;
border-radius: 12px;
background-color: rgba(238, 238, 238, 1);
text-align: center;
background:#eee;
margin:18px 10px 10px 12px;
float: left;
overflow: hidden;
  }
  .jiu img{
    width: 100px;
    height: 100px;
  }
</style>